<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>更多餐品</title>
    <link rel="stylesheet" href="../../style/more/bootstrap.min.css">
    <link rel="stylesheet" href="../../style/more/indexStyle.css">
    <link rel="stylesheet" href="../../style/more/more.css">
    <link rel="shortcut icon" href="./../../favicon.ico">
    <script type="text/javascript" src="../../plugins/jQuery/jquery-3.6.0.js"></script>
    <script src=" https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
    <script type="text/javascript" src="../../plugins/axios/axios.js"></script>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="../../plugins/element-ui/index.css">
    <!-- 引入组件库 -->
    <script src="../../plugins/element-ui/index.js"></script>
    <script src="../../plugins/layer-master/dist/layer.js"></script>
</head>

<body>
<div id="app">
    <nav class="public-header">
        <a href="../../index.html">网站首页</a>
        <a href="">我的订单</a>
        <a href="../../pages/cart/shoppingCart.html">我的购物车</a>
        <a href="">讨论区</a>
    </nav>
    <div class="container">
        <!-- 搜索框区域 -->
        <div class="row ssq">
            <div>
                <div class="col-md-3" style="font-size: 38px;text-align: center;">
                        <span style="font-family:'华文行楷'">
                            <span style="font-size:15px">共条记录</span></span>
                </div>
                <div class="col-md-5 col-md-offset-2">
                    <div class="input-group input-group-lg">
                        <input type="text" class="form-control" placeholder="生命唯愿爱与自由"
                               aria-describedby="basic-addon2">
                        <span class="input-group-btn" id="basic-addon2">
                                <button class="btn btn-default" id="query">搜索</button>
                            </span>
                    </div>
                </div>
            </div>
            <!-- /.col-lg-6 -->
        </div>

        <div class="container">
            <ul class="media-list">
                <li class="media" >
                    <div class="media-left">
                        <a href="#" class="media-left-a">
                            <img class="media-object more_media_img" :src=`http:${item.imageName}` alt="...">
                        </a>
                    </div>


                    <div class="media-body" style="overflow:visible">
                        <h4 class="media-heading"><span class="name">{{item.name}}</span></h4>
                        <span class="description">{{item.description}}</span>

                        <h4 class="address"><span class="author">{{item.author}}</span>&nbsp;&nbsp; <span
                                style="color:gray">/</span><span style="font-size:16px"
                                                                 class="publisher">&nbsp;&nbsp;{{item.publisher}}</span>
                        </h4>

                        <p id="jg">￥{{item.price}}</p>
                        <button class="btn class2">
                        </button>

                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="extra">
        <div class="wrapper">
            <!-- 版权信息 -->
            <div class="copyright">
                <p>
                    <a href="javascript:;">关于我们</a>
                    <a href="javascript:;">帮助中心</a>
                    <a href="javascript:;">售后服务</a>
                    <a href="javascript:;">配送与验收</a>
                    <a href="javascript:;">商务合作</a>
                    <a href="javascript:;">搜索推荐</a>
                    <a href="javascript:;">友情链接</a>
                </p>
                <p>CopyRight &copy; 小兔鲜儿</p>
            </div>
        </div>
    </div>
</div>
</body>

</html>
<script>

</script>